<template>
    <div>
        <view class="section">

            <picker mode="region" @change="bindRegionChange($event)" :value="region" :custom-item="customItem">
                <view class="picker">
                    当前选择：{{region[0]}}，{{region[1]}}，{{region[2]}}
                </view>
            </picker>
        </view>
    </div>
</template>
<script>
export default {
    data() {
        return {
            region: ['广东省', '广州市', '海珠区'],
            customItem: '全部'
        }
    },
    methods: {
        bindRegionChange(e) {
            console.log(e)
            console.log('picker发送选择改变，携带值为', e.mp.detail.value)
            this.region = e.mp.detail.value
        }
    }
}
</script>
<style lang="scss" scoped>
</style>
